@font-face {
  font-family: 'Roboto';
  src: url('http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic');
}
/**************** BODY ************/
body
{
	background-color: #FFFFFF;
}
/**************** LINKS ************/
a
{
	text-decoration: none;
	font-family: Roboto, sans-serif;
	font-size: 14px;
}
a:link
{
	color:#FFFFFF;
}
a:visited 
{
	color:#FFFFFF;
}
a:hover 
{
	color:#000000;
}
a:active 
{
	color:#000000;
}
a.separador
{
	text-decoration: none;
	color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
}
a.datos
{
	color: #8f8f8f;
	font-size: 12px;
}
a.naranja
{
	text-decoration: underline;
	color: #FFA500;
}
/**************** PARAGRAPH ************/
p.titulo_naranja
{
	text-decoration: none;
	color: #FFA500;
	font-family: Roboto, sans-serif;
	font-size: 20px;
}
p.titulo_negro
{
	text-decoration: none;
	color: #000000;
	font-family: Roboto, sans-serif;
	font-size: 20px;
}
p.normal_gris
{
	text-decoration: none;
	color: #8f8f8f;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	text-align: justified;
}
p.normal
{
	text-decoration: none;
	color: #000000;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: justified;
}
p.normal_blanco
{
	text-decoration: none;
	color: #FFFFFF;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: justified;
}
p.normal_naranja
{
	text-decoration: none;
	color: #FFA500;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: justified;
}
p.letrachica
{
	text-decoration: none;
	color: #000000;
	font-family: Roboto, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: justified;
}
/**************** HEADER ************/
h1.titulo_gris
{
	text-decoration: none;
	color: #8f8f8f;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	text-align: center;
}
h1
{
	text-decoration: none;
	color: #FFA500;
	font-family: Roboto, sans-serif;
	font-size: 24px;
}
h1.titulo_naranja
{
	text-decoration: none;
	color: #FFA500;
	font-family: Roboto, sans-serif;
	font-size: 24px;
}
h2
{
	text-decoration: none;
	color: #FFA500;
	font-family: Roboto, sans-serif;
	font-size: 14px;
}
h2.titulo_naranja
{
	text-decoration: none;
	color: #FFA500;
	font-family: Roboto, sans-serif;
	font-size: 14px;
}
h3
{
	text-decoration: none;
	color: #FFA500;
	font-family: Roboto, sans-serif;
	font-size: 12px;
}
/**************** DIV ************/
div.header
{
	position: fixed;
	margin:0px;
	top: 0px;
	height:20px;
	width:100%;
	z-index: 1000;
	background-color: #FFA500;
}
div.subheader
{
	top: 25px;
	min-width: 100px;
	width: 100%;
	height: 80px;
	z-index: 1000;
}
div.footer
{
	background-color: #f0f0f0;
	width: 100%;
	height: 80px;
	float:left;
	left: 0px;
	bottom: 0px;
	margin:0px;
}
div.gris_medio
{
	background-color: #f0f0f0;
	width: 45%;
	min-width: 500px;
	height: 260px;
	border-radius: 8px;
}
div.borde_naranja
{
    background:#FFFFFF;
    border:2px solid #FFA500;
    padding:10px;
    margin-top:5px;
	border-radius: 8px;
}
div.main
{
	float: right; 
	width: 82%; 
	height: 75%
}
div.verde
{
	background: #EBFAEB;
	border:1px solid #2EB82E;
    padding:5px;
	border-radius: 8px;
}
div.amarillo
{
	background: #FFFAE6;
	border:1px solid #FFCC00;
    padding:5px;
	border-radius: 8px;
}
div.borde_gris
{
	background: #FFFFFF;
	border:1px solid #B8B8BE;
    padding:5px;
	border-radius: 8px;
}
/**************** IFRAME ************/
iframe.menu
{
	float: left; 
	width: 17%; 
	height: 100%; 
	margin-right: 5px;
	position: fixed;
}
iframe.header
{
	position: fixed;
	height: 20px;
	width: 100%;
	float: left;
	top: 0px;
	left: 0px:
}
iframe.subheader
{
	width: 100%;
}
iframe.footer
{
	width: 100%;
}
/**************** TABLE ************/
table.gris
{
	background-color: #f0f0f0;
	width:90%;
	padding:3%;
	border-radius: 8px;
	margin-bottom: 10px;
}
table.gris_bordes
{
	background-color: #f0f0f0;
	width:90%;
	padding:3%;
	border: #000000 solid 1px;
	border-radius: 8px;
	margin-bottom: 10px;
}
td.gris_bordes
{
	border: #858585 solid 1px;
	border-bottom: none;
	padding: 5px;
}
td.gris_bordes_ultimo
{
	border: #858585 solid 1px;
	padding: 5px;
}
/**************** MENU ************/
#navlist {
    float: left;
	position: fixed;
	width: 17%;
    min-width: 150px;
	height: 400px;
	margin-right: 5px;
}
#navlist ul {
    list-style: none;
}
#navlist li a{
    display: block;
    height: 25px;
    width: 100px;
    padding: 12px;
    margin-bottom: 5px;
    background: #FFA500;
    color: #FFFFFF;
    font-size: 12px;
	font-weight: bold;
}
#navlist li a:hover {
    color: #FFA500;
    background: #FFFFFF;
    border-right: 4px solid #FFA500;
}
#navlist li  a:active {
    background: #FFA500;
    color: #FFFFFF;
    border-right: 4px solid #CC7A00;
}
/**************** INDEX ************/
ul.index {
	margin-right: 0px;
	list-style: none;
	list-style-image: none;
    list-style-type: none;
}
li.index
{
	margin-bottom: -5px;
}
a.index{
    color: #FFA500;
    font-size: 12px;
	font-weight: bold;
}
a.index:hover {
    color: #FFA500;
    background: #FFFFFF;
    border-right: 4px solid #FFA500;
}
a.index:active {
    background: #FFA500;
    color: #FFFFFF;
    border-right: 4px solid #CC7A00;
}
/**************** TABLE ************/
table, th, td
{
	font-family: Roboto, sans-serif;
	font-size: 12px;
}
th
{
	height: 20px;
}
/**************** CONTACTO ************/
label {
    display:block;
    margin-top:20px;
    letter-spacing:1px;
	font-size: 12px;
}
.formulario {
    display:block;
    margin:0 auto;
    width:510px;
    color: #000000;
    font-family:Roboto, sans-serif;
}
form {
    margin:0 auto;
    width:400px;
}
input, textarea {
    width:380px;
    height:15px;
    background:#FFFFFF;
    border:2px solid #FFA500;
    padding:10px;
    margin-top:5px;
    font-size:12px;
    color:#000000;
	font-family:Roboto, sans-serif;
	border-radius: 8px;
}
input.grande
{
	height: 150px;
}
input.index{
	width: 120px;
	height: 20px;
	padding: 0px;
	color: #FFFFFF;
    background-color: #FFA500;
    font-size: 12px;
	font-weight: bold;
}
textarea {
    height:150px;
}
#submit{
    display: block;
    height: 35px;
    width: 85px;
    padding: 9px;
    margin-bottom: 5px;
    background: #FFA500;
    color: #FFFFFF;
    font-size: 12px;
	font-weight: bold;
	cursor:pointer;
	border-radius: 8px;
}
#submit:hover {
    color: #FFA500;
    background: #FFFFFF;
    border-right: 4px solid #FFA500;
}
#submit:active {
    background: #FFA500;
    color: #FFFFFF;
    border-right: 4px solid #CC7A00;
}
.accion
{
    display: block;
    height: 35px;
    width: 85px;
    padding: 9px;
    margin-bottom: 5px;
    background: #FFA500;
    color: #FFFFFF;
    font-size: 12px;
	font-weight: bold;
	cursor:pointer;
	border-radius: 8px;
}
